<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"
      xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.4-strict.dtd">

    <head>
        <wicket:head>
            <title>Create Animal</title>
        </wicket:head>
        <link rel="stylesheet" href="styles.css" type="text/css" />
        <link rel="stylesheet" href="custom.css" type="text/css"/>
    </head>
    <body>
        <wicket:extend>
            <h3><wicket:message key="animalNewHeader">New Animal</wicket:message></h3>
            <br/>
            <form action="" wicket:id="createAnimalForm">
                <table class="envDetailed">
                    <tr>
                        <td>
                            <label for="name" wicket:id="nameLabel">animal's name</label> 
                        </td>
                        <td>
                            <input type="text" id="name" wicket:id="name"/>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label for="species" wicket:id="speciesLabel">Species</label> 
                        </td>
                        <td>
                            <textarea id="species" wicket:id="species"/>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label for="environments" wicket:id="environmentsLabel">Select Environment</label> 
                        </td>
                        <td>
                            <select class="animalListEnvs" id="environment" wicket:id="environments"></select>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="submit" wicket:message="value:save" class="formbutton" name="save" wicket:id="submitButton"/>
                        </td>
                        <td>
                            <a class="backToList" wicket:id="backToList">
                                <wicket:message key="backToList">Back to list</wicket:message>
                            </a>
                        </td>
                    </tr>
                </table>

            </form>
        </wicket:extend>
    </body>
</html>  
